<template>
  <div>
      <p>ComA</p>
      <p>from: {{msg1}}</p>
      <p>send: {{msg2}} <button @click="sendMsg">send</button></p>
  </div>
</template>

<script>
// 导入 EventBus.js
import EventBus from '../event-bus/EventBus.js'
export default {
  data () {
    return {
      msg1: 'direct msg from com A',
      msg2: 'click Msg from com A'
    }
  },
  // 挂载完成，向b组件发消息
  mounted () {
    EventBus.$emit('direct', this.msg1)
  },
  // 点击事件，向B组件发消息
  methods: {
    sendMsg () {
      EventBus.$emit('send', this.msg2)
    }
  }
}
</script>

<style>

</style>
